<!DOCTYPE html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<style>
table, td {
    border: 1px solid #999;
}
</style>
<div id="log"></div>
<p>This tests the caret position for the caret after an inline table.</p>
<div id="div" contenteditable="true">foo<table style="display:inline-table" id="sample"><tr><td>this</td></tr><tr><td>is</td></tr><tr><td>a table</td></tr></table>baz</div>
<script>
test(function () {
    var selection = window.getSelection();
    let childLength = sample.childNodes.length;
    selection.collapse(sample, childLength);
    assert_true(selection.isCollapsed, 'isCollapsed');

    assert_equals(selection.anchorNode, sample, 'DOM anchorNode');
    assert_equals(selection.anchorOffset, childLength, 'DOM anchorOffset');
    assert_own_property(window, 'internals');
    assert_equals(internals.visibleSelectionAnchorNode, div, 'Canonicalized anchorNode');
    assert_equals(internals.visibleSelectionAnchorOffset, 2, 'Canonicalized anchorOffset');
});
</script>
